<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="shortcut icon" href="../img/g10.ico" type="image/x-icon">
    <link rel="stylesheet" href="../css/index1.css">
    <link rel="stylesheet" href="../css/templet.css">
    <script src='../utill/jquery-3.5.1.min.js'></script>

</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <div class="nav">
            <img class="logo" src="../img/img-templet/logo.png " alt="">
            <div class="position"><a href="">北京<img src="../img/img-templet/logo-bottom.png" alt=""></a></div>
            <ul class="type">
                <li><a href="">北京站</a></li>
                <li><a href="">演唱会</a></li>
                <li><a href="">音乐会</a></li>
                <li><a href="">话剧歌剧</a></li>
                <li><a href="">体育</a></li>
            </ul>
            <input type="text" placeholder="请输入演出、赛事、艺人、场馆名称...">
            <button><img src="../img/img-templet/search.png" alt=""></button>
            <ul class="login">
                <li><a href="login.html">登录</a></li>
                <li><a href="resigter.html">注册</a>
                </li>
            </ul>
        </div>
    </div>


    <!-- 中间内容 -->
    <div class="container">
        <!-- 顶部banner -->
        <div class="banner">
            <div class="nav">
                <a href="#">全部商品分类</a>
                <a href="../html/index2.html">戏剧 </a>
                <a href="../html/index3.html">体育</a>
                <a href="../html/index4.html">亲子</a>
                <a href="">摇滚</a>
                <a href="">舞蹈古典</a>
            </div>
            <div class="banner-main">
                <ul class="ul-nav">
                    <li><a href="">演唱会</a> </li>
                    <li><a href="">音乐会</a> </li>
                    <li><a href="">曲苑杂坛</a> </li>
                    <li><a href="">话剧歌剧</a> </li>
                    <li><a href="">体育比赛</a> </li>
                    <li><a href="">舞蹈芭蕾</a> </li>
                    <li><a href="">儿童亲子</a> </li>
                    <li><a href="">动漫</a> </li>
                </ul>
                <img src="../img/index1/banner.png" alt="">
                <div>
                    <a href="#">01.浪漫辉煌四十年— 理查德·克</a>
                    <a href="#">02.2018第三届人民大会堂·北京</a>
                    <a href="#">03.开心麻花2018报销贺岁舞台</a>
                </div>
            </div>




        </div>

        <!-- 热门推荐 -->
        <div class="hot">
            <h4>热门推荐</h4>
            <ul class="hot-ul">

            </ul>
        </div>

        <!-- 主体内容 -->
        <div class="main"></div>

    </div>


    <!-- 只有背景图 -->
    <div class="sidebar">
        <ul>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>



    <!-- 尾部 -->
    <footer>
        <div class="top">
            <div class="itm">
                <strong>订购方式 </strong>
                <p>在线订购</p>
                <p>电话订购</p>
                <p>上门订购</p>
                <p>大客户团体订购</p>
                <p>大麦超级票订购</p>
            </div>
            <div class="itm">
                <strong>配送方式</strong>
                <p>送货上门</p>
                <p>电子票</p>
                <p>上门自取</p>
                <p>大麦自助机换票</p>
            </div>
            <div class="itm">
                <strong>支付方式</strong>
                <p>在线支付</p>
                <p>柜台付款</p>
            </div>
            <div class="itm">
                <strong>大麦网微信</strong>
                <img src="../img/img-templet/ewm.png" alt="">
            </div>
            <div class="itm">
                <strong>大麦网触屏版</strong>
                <img src="../img/img-templet/ewm.png" alt="">
            </div>
            <div class="itm">
                <strong>帮助中心</strong>
                <p>找回密码</p>
                <p>账户注册</p>
                <p>账户绑定</p>
                <p>SSL安全证书</p>
            </div>
            <div class="itm">
                <strong>特色服务</strong>
                <p>退换及缺货说明</p>
                <p>发票帮助</p>
                <p>订票服务条款</p>
            </div>
            <div class="itm">
                <strong>退票服务</strong>
                <p>退出订阅</p>
            </div>
        </div>
        <div class="line"></div>
        <div class="bottom">
            <ul>
                <li>公司介绍</li>
                <li>品牌识别</li>
                <li>企业荣誉</li>
                <li>隐私声明</li>
                <li>联系及合作</li>
                <li>招聘信息</li>
                <li>网站地图</li>
                <li>友情链接</li>
                <li class="last">公司大事记</li>
            </ul>
            <div class="bt-imgs">
                <img src="../img/img-templet/btom-1.jpg" alt="">
                <img src="../img/img-templet/btom-2.jpg" alt="">
                <img src="../img/img-templet/btom-3.jpg" alt="">
                <img src="../img/img-templet/btom-4.jpg" alt="">
                <img src="../img/img-templet/btom-5.jpg" alt="">
                <img src="../img/img-templet/btom-6.jpg" alt="">
            </div>
        </div>
    </footer>





    <script src="../js/index1.js"></script>
    <script src="../js/loginCheck.js"></script>
</body>

</html>